<ion-header>
  <ion-navbar>
    <ion-title>打新基金市值管理</ion-title>
  </ion-navbar>
  <!--<ion-item-divider id="headerDivider" color="light" class="setFontSize" (click)="setShowQueryCondition()">
    <ion-icon *ngIf="!showQueryCondition" name="add-circle" color="primary">&nbsp;</ion-icon>
    <ion-icon *ngIf="showQueryCondition" name="remove-circle" color="primary">&nbsp;</ion-icon>
    查询条件
  </ion-item-divider>-->
  <div id="headerDivider" class="item-inner setFontSize" (click)="setShowQueryCondition()">
    <div class="input-wrapper">
      <ion-label>&nbsp;
        <ion-icon *ngIf="!showQueryCondition" name="add-circle" color="primary">&nbsp;</ion-icon>
        <ion-icon *ngIf="showQueryCondition" name="remove-circle" color="primary">&nbsp;</ion-icon>
        查询条件&emsp;({{queryCondition.l_days_p}}日&nbsp;|&nbsp;{{queryCondition.en_value0_p}}万元)
      </ion-label>
    </div>
  </div>
</ion-header>
<ion-content id="circulateContent">
  <ion-list *ngIf="showQueryCondition">
    <ion-item class="fundCode">
      <!--<ion-label>基金代码：</ion-label>-->
      <!--<ion-input placeholder="基金代码"></ion-input>-->
      <ion-row>
        <ion-col width-25 class="fundCodetext">
          基金代码：
        </ion-col>
        <ion-col class="fundCodetext textEllipsis">
          {{queryCondition.fund_code}}
        </ion-col>
        <ion-col class="fundBadge" col-1>
          <ion-badge item-end>{{selectedFund.length}}</ion-badge>
        </ion-col>
        <ion-col class="selectFundButton" col-2>
          <button ion-button small (click)="selectFund()">选择</button>
        </ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-label>预估日期：</ion-label>
      <ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD" [(ngModel)]="queryCondition.l_fut_date_p"
                    cancelText="取消" doneText="确定">
      </ion-datetime>
    </ion-item>
    <ion-item class="queryParam">
      <ion-row>
        <ion-col>
          统计历史天数(天)：
        </ion-col>
      </ion-row>
      <ion-row class="RangeList">
        <ion-col width-25>
          <input [(ngModel)]="queryCondition.l_days_p" type="number" />
        </ion-col>
        <ion-col>
          <ion-list>
            <ion-item>
              <ion-range [(ngModel)]="queryCondition.l_days_p" min="0" max="100" pin="false"></ion-range>
            </ion-item>
          </ion-list>
        </ion-col>
      </ion-row>
    </ion-item>
    <ion-item class="queryParam">
      <ion-row>
        <ion-col>
          基准日均市值(万元)：
        </ion-col>
      </ion-row>
      <ion-row class="RangeList">
        <ion-col width-25>
          <input id ="inputEnValue" [(ngModel)]="queryCondition.en_value0_p" type="number"
                 (focus)="goPos(this)" (click)="goPos(this)" />
          <!--<input [(ngModel)]="queryCondition.en_value0_p" type="number" (click)="goPos(this)"/>-->
        </ion-col>
        <ion-col>
          <ion-list>
            <ion-item>
              <ion-range [(ngModel)]="queryCondition.en_value0_p" step="1000" min="0" max="10000" pin="false"></ion-range>
            </ion-item>
          </ion-list>
        </ion-col>
      </ion-row>
    </ion-item>
    <!--<ion-card>
      <ion-card-header (click)="setShowQueryParams()" class="setFontSize queryParamHeader">
        <ion-icon *ngIf="!showQueryParams" name="add-circle" color="primary">&nbsp;</ion-icon>
        <ion-icon *ngIf="showQueryParams" name="remove-circle" color="primary">&nbsp;</ion-icon>
        &nbsp;查询参数
      </ion-card-header>
      <ion-list *ngIf="showQueryParams">

      </ion-list>
    </ion-card>-->
    <ion-item class="queryButton">
      <button ion-button color="primary" block (click)="search()">查询</button>
    </ion-item>
  </ion-list>
  <ion-list class='gfoa-list'>
    <ion-item-divider class='list-no-more-tips' color="light" [hidden]="isLoadMore">暂无更多数据...</ion-item-divider>
    <ion-card *ngFor="let fund of listData">
      <ion-card-header (click)="setShowListItem(fund)" class="setFontSize queryParamHeader">
        <ion-row>
          <ion-col>
            <ion-icon *ngIf="!fund.expanded" name="add-circle" color="primary">&nbsp;</ion-icon>
            <ion-icon *ngIf="fund.expanded" name="remove-circle" color="primary">&nbsp;</ion-icon>
            {{fund.vc_fund_name}}-{{fund.l_market_no}}
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col>
            <span class="{{fund.textColor}}">{{fund.redHint}}</span>
          </ion-col>
        </ion-row>
      </ion-card-header>
      <ion-list class="queryList" *ngIf="fund.expanded">
        <ion-item>
          <ion-row>
            <ion-col width-50>基金序号</ion-col>
            <ion-col class="value">{{fund.L_FUND_ID}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>基金简称</ion-col>
            <ion-col class="value">{{fund.vc_fund_name}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>交易市场</ion-col>
            <ion-col class="value">{{fund.l_market_no}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>当日持仓市值(万元)</ion-col>
            <ion-col class="value">{{fund.en_cur_value}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>当日期间总市值(万元)</ion-col>
            <ion-col class="value">{{fund.en_total_value}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>当日日均市值(万元)</ion-col>
            <ion-col class="value">{{fund.en_avg_value}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>当日市值差额(万元)</ion-col>
            <ion-col class="value">{{fund.en_value_delta}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>预估期间总市值(万元)</ion-col>
            <ion-col class="value">{{fund.en_total_value_virtual}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>预估日均市值(万元)</ion-col>
            <ion-col class="value">{{fund.en_avg_value_virtual}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-50>预估市值差额(万元)</ion-col>
            <ion-col class="value">{{fund.en_value_delta_virtual}}</ion-col>
          </ion-row>
        </ion-item>
      </ion-list>
    </ion-card>
  </ion-list>
</ion-content>
<!--<ion-footer class="ipm_footer">
  <ion-buttons end>
    <ion-icon class="goTop" name="arrow-dropup-circle" color="primary"></ion-icon>
  </ion-buttons>
</ion-footer>-->
